
body {background-color: rgb(0,0,0); text-align: center;}
.back {position: absolute; bottom: 0px; top: 0px; right: 0px; left: 0px;}
.image {width: 100%; height: 100%; max-width: 1500px; min-height: 700px;}
 #layout {width: 90%; margin: auto; max-height: 840px; max-width: 1400px;}
    .main {color: rgb(255,255,255); text-align: justify; position: absolute;  top:  100px; width: 90%; height: 70%; max-height: 900px; max-width: 1400px; min-height: 300px; overflow: auto;}       
.block {display: block; background: rgb(0,0,0); padding: 5px 20px; opacity: 0.9;} 
  #r00, #r0, #r1, #r2, #r3, #r4, #r5, #r6, #r7 {display: block; height: 1px; text-align: center; background-color: rgb(0,0,0); opacity: 0.9;}                                                                  
  #r7 {height: 2px; margin: 0 1px 0 1px}
  #r6 {margin: 0 2px 0 2px}
  #r5  {margin: 0 3px 0 3px}
  #r4  {margin: 0 4px 0 4px}
  #r3  {margin: 0 5px 0 5px}
  #r2  {margin: 0 6px 0 6px}
  #r1  {margin: 0 7px 0 7px}
  #r0   {margin: 0 8px 0 8px}
  
  .menu {text-align: justify; position: absolute;  top: 35px; width: 90%; max-width: 1400px;}
    
    .home, .aboutus, .faq, .contact, .payment, .news, .articles {float: right; text-decoration: none; background-repeat: no-repeat; background-position: center justify; padding:  0px 10px 0 10px; margin-top: 2px; opacity: 1;}
    .eng, .rus {float: right; text-decoration: none; background-repeat: no-repeat; background-position: center justify;} 
      
    .eng {margin: 0px 0 0 0;}
    .rus {margin:  1px 20px 0px 10px;}
    .articles {margin: 2px 5px 0 0px;}
    
    .home {background-image: url(Home.png);}  
    .home:visited {background-image: url(Home-active.png);}
    .home:active  {background-image: url(Home-active.png);}
    .home:hover {background-image: url(Home-active.png);}
    
    .aboutus {background-image: url(aboutus.png);}
    .aboutus:visited {background-image: url(aboutau-active.png);}
    .aboutus:active {background-image: url(aboutau-active.png);}
    .aboutus:hover {background-image: url(aboutau-active.png);} 
    
    .faq {background-image: url(faq.png);}
    .faq:visited {background-image: url(faq-active.png);}
    
    .faq:hover {background-image: url(faq-active.png);}
    
    .contact {background-image: url(contact.png);}
    .contact:visited {background-image: url(contact-active.png);}
    .contact:hover {background-image: url(contact-active.png);}
    
    .payment {background-image: url(payment.png);}
    .payment:visited {background-image: url(payment-active.png);}
    .payment:hover {background-image: url(payment-active.png);}
    
    .news {background-image: url(news.png);}
    .news:visited {background-image: url(news-active.png);}
    .news:hover {background-image: url(news-active.png);}
    
    .articles {background-image: url(articles.png);}
    .articles:visited {background-image: url(articleas-active.png);}
    .articles:hover {background-image: url(articleas-active.png);}
    
    .eng {background-image: url(eng-active.png);}
    .eng:hover {opacity:0.70;}
    
    .rus {background-image: url(rus-active.png);}
    .rus:hover {opacity:0.70;}
    
    .m {display: block; background: rgb(0,0,0); opacity: 0.8; height: 15px;}
  #m0, #m1, #m2, #m3, #m4, #m5, #m6, #m7 {display: block; height: 1px; text-align: center; background-color: rgb(0,0,0); opacity: 0.8;}  
  #m7 {height: 2px; margin: 0 1px 0 1px}
  #m6 {margin: 0 2px 0 2px}
  #m5  {margin: 0 3px 0 3px}
  #m4  {margin: 0 4px 0 4px}
  #m3  {margin: 0 5px 0 5px}
  #m2  {margin: 0 6px 0 6px}
  #m1  {margin: 0 7px 0 7px}
  #m0   {margin: 0 8px 0 8px} 
  .logo {position: absolute;  top: -15px; padding-left: 25px; opacity: 1;}
  
  .idioms {color: rgb(255,255,255); text-align: justify; width: 50%;  position: absolute; bottom: 10px;  padding: 0px 20px}

   .joinus {position: absolute; bottom: 0; left: 72%; text-decoration: none; background-repeat: no-repeat;}
   .joinus {background-image: url(joinus-passive.png);}
   .joinus:visited {background-image: url(joinus-active.png); } 
   .joinus:hover {background-image: url(joinus-active.png); }
    
    .fvt {float: right;}
    
    .facebook {background-image: url(facebook-passive.png);  position: absolute; bottom: 20px; background-repeat: no-repeat; margin: 0 0px 0 -70px;} 
    .facebook:visited {background-image: url(facebook-active.png);}
    .facebook:hover {background-image: url(facebook-active.png);}
    
    
    .vkontakte {background-image: url(vkontakte-passive.png); margin: 0 10px 0 -30px; position: absolute; bottom: 20px; background-repeat: no-repeat; }
    .vkontakte:visited {background-image: url(vkontakte-active.png);}
    .vkontakte:hover {background-image: url(vkontakte-active.png);}
    
    
    .twitter {background-image: url(twitter-passive.png);
     margin: 0px 0px -3px 7px; position: absolute; bottom: 20px; background-repeat: no-repeat; }
    .twitter:visited {background-image: url(twitter-active.png);}
    .twitter:hover {background-image: url(twitter-active.png);} 
